<style type="text/css">
    .sm-st {
        background: #fff;
        padding: 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 20px;
    }

    .sm-st-icon {
        width: 60px;
        height: 60px;
        display: inline-block;
        line-height: 60px;
        text-align: center;
        font-size: 30px;
        background: #eee;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        float: left;
        margin-right: 10px;
        color: #fff;
    }

    .sm-st-info {
        padding-top: 2px;
    }

    .sm-st-info span {
        display: block;
        font-size: 24px;
        font-weight: 600;
    }

    .orange {
        background: #fa8564 !important;
    }

    .tar {
        background: #45cf95 !important;
    }

    .sm-st .green {
        background: #86ba41 !important;
    }

    .pink {
        background: #AC75F0 !important;
    }

    .yellow-b {
        background: #fdd752 !important;
    }

    .stat-elem {

        background-color: #fff;
        padding: 18px;
        border-radius: 40px;

    }

    .stat-info {
        text-align: center;
        background-color: #fff;
        border-radius: 5px;
        margin-top: -5px;
        padding: 8px;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
        font-style: italic;
    }

    .stat-icon {
        text-align: center;
        margin-bottom: 5px;
    }

    .st-red {
        background-color: #F05050;
    }

    .st-green {
        background-color: #27C24C;
    }

    .st-violet {
        background-color: #7266ba;
    }

    .st-blue {
        background-color: #23b7e5;
    }
	
	.st-yellow {
        background-color: #f39c12;
    }
	
	.st-black {
        background-color: #3f3628;
    }
</style>
<div class="panel panel-default panel-intro">
	<div class="panel-heading">
        {:build_heading(null, false)}
    </div>
	
	<div class="panel-body">
		<div class="row">
			<div class="col-sm-3 col-xs-6">
				<div class="sm-st clearfix">
					<span class="sm-st-icon st-green"><i class="fa fa-eye"></i></span>
					<div class="sm-st-info">
						<span>{$todaycluenumber}</span>
						{:__('今日线索量')}
					</div>
				</div>
			</div>
			<div class="col-sm-3 col-xs-6">
				<div class="sm-st clearfix">
					<span class="sm-st-icon st-yellow"><i class="fa fa-fire"></i></span>
					<div class="sm-st-info">
						<span>{$weekcluenumber}</span>
						{:__('本周线索量')}
					</div>
				</div>
			</div>
			<div class="col-sm-3 col-xs-6">
				<div class="sm-st clearfix">
					<span class="sm-st-icon st-black"><i class="fa fa-comment"></i></span>
					<div class="sm-st-info">
						<span>{$monthcluenumber}</span>
						{:__('本月线索量')}
					</div>
				</div>
			</div>
			<div class="col-sm-3 col-xs-6">
				<div class="sm-st clearfix">
					<span class="sm-st-icon st-violet"><i class="fa fa-magic"></i></span>
					<div class="sm-st-info">
						<span>{$yearcluenumber}</span>
						{:__('本年线索量')}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="panel panel-default panel-intro" style="margin-top:10px;">
	<div class="panel-body">
		<div class="row">
			<div class="col-md-12 col-xs-12">
				<form class="form-horizontal n-default n-bootstrap" method="get" action="">
					<input type="hidden" name="admin_id" value="{$admin_id}" />
					<input type="hidden" name="nocluedays" value="{$nocluedays}" />
					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<label class="control-label col-xs-4">年份</label>
						<div class="col-xs-8" style="position: relative;">
							<input type="text" class="form-control datetimepicker" name="year" disabled value="{$year}" placeholder="年份" id="year" data-date-format="YYYY" data-use-current="true">
						</div>
					</div>					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">						<label class="control-label col-xs-4">月份</label>						<div class="col-xs-8" style="position: relative;">							<select class="form-control" name="month" id="month">
								<option value="">--请选择--</option>
								<option value="1" {if $month eq '1'}selected{/if}>一月</option>
								<option value="2" {if $month eq '2'}selected{/if}>二月</option>
								<option value="3" {if $month eq '3'}selected{/if}>三月</option>
								<option value="4" {if $month eq '4'}selected{/if}>四月</option>
								<option value="5" {if $month eq '5'}selected{/if}>五月</option>
								<option value="6" {if $month eq '6'}selected{/if}>六月</option>
								<option value="7" {if $month eq '7'}selected{/if}>七月</option>
								<option value="8" {if $month eq '8'}selected{/if}>八月</option>
								<option value="9" {if $month eq '9'}selected{/if}>九月</option>
								<option value="10" {if $month eq '10'}selected{/if}>十月</option>
								<option value="11" {if $month eq '11'}selected{/if}>十一月</option>
								<option value="12" {if $month eq '12'}selected{/if}>十二月</option>
							</select>						</div>					</div>
					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<div class="col-sm-8 col-xs-offset-4">
							<button type="submit" class="btn btn-success">提交</button> 
							<button type="reset" class="btn btn-default">重置</button> 
						</div>
					</div>
				</form>
			</div>
		</div>
        <div class="row">
			<div class="col-md-6 col-xs-6">
				<table id="developer_table" class="table table-striped table-bordered table-hover table-nowrap"
					   width="100%">
				</table>
            </div>
			<div class="col-md-6 col-xs-6">
				<table id="company_table" class="table table-striped table-bordered table-hover table-nowrap"
					   width="100%">
				</table>
			</div>
        </div>
    </div>
</div>

<div class="panel panel-default panel-intro" style="margin-top:10px;">
	<div class="panel-body">
		<div class="row">
			<div class="col-md-12 col-xs-12">
				<form class="form-horizontal form-commonsearch nice-validator n-default n-bootstrap" role="form" data-toggle="validator" method="get" action="">
					<input type="hidden" name="year" value="{$year}" />
					<input type="hidden" name="month" value="{$month}" />
					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<label class="control-label col-xs-4">开发人</label>
						<div class="col-xs-8" style="position: relative;">
							<input type="text" class="form-control selectpage" name="admin_id" value="{$admin_id}" placeholder="开发人" id="admin_id" data-source='auth/admin/index' data-field='nickname' />
						</div>
					</div>
					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<label class="control-label col-xs-4">未有线索天数</label>
						<div class="col-xs-8" style="position: relative;">
							<input type="number" class="form-control" name="nocluedays" value="{$nocluedays}" placeholder="未有线索天数" id="nocluedays" />
						</div>
					</div>
					<div class="form-group col-xs-12 col-sm-4 col-md-4 col-lg-4">
						<div class="col-sm-8 col-xs-offset-4">
							<button type="submit" class="btn btn-success" formnovalidate="">提交</button> 
							<button type="reset" class="btn btn-default">重置</button> 
						</div>
					</div>
				</form>
			</div>
		</div>
        <div class="row">
			<div class="col-md-12 col-xs-12">
				<table id="clue_table" class="table table-striped table-bordered table-hover table-nowrap"
					   width="100%">
				</table>
            </div>
        </div>
    </div>
</div>
